import './Architect.css'
import './Responsive.css'
import Test1 from '../../../../../../../assets/game.svg'
import Test2 from '../../../../../../../assets/article.svg'
import Test3 from '../../../../../../../assets/datachart.svg'
import {Link} from "react-router-dom";
const ArticleInformation = () => {
    const subNavbar = [
        {icon:Test1, title:'Kyrico', link:'/home-page'},
        {icon:Test2, title:'January 8, 2024', link:''},
        {icon:Test3, title:'No comment', link:'/home-page'},
    ];
    return (
        <div className='article-information-container'>
            {subNavbar.map((item, index) => (
                <div>
                    <Link to={item.link} className="article-information-link" key={index}>
                        <img src={item.icon} alt={`Article ${index + 1}`} className="article-information-icon" />
                        <span className="article-information-title">{item.title}</span>
                    </Link>
                </div>
            ))}
        </div>
    );

};

export default ArticleInformation;
